import React, {
	Component
} from 'react';
import {
	observer
} from 'mobx-react';
import {
	List,
	Tools,
	Icon,
} from "weaver-mobile";
const getLabel = Tools.getLabel;
const { FormItem } = List;

@observer
export default class Picture extends Component {
	render() {
		const {
			store
		} = this.props, {
			pictureUrl,
			hasPicture,
		} = store;

		return (
			<FormItem 
				key={0} 
				line
				label={getLabel(511088,'照片')}
				wrap="nowrap"
				extra={[<Icon key="right" type="right" />]}
				content={(<div className='picture'>
					{hasPicture && <img src={pictureUrl} />}
				</div>)}
			/>
			
		);
	}
}